<template>
  <h3 class="container">Child...</h3>
</template>

<script>
export default {
  name: "Child",
};
</script>

<style scoped>
/* 
  scoped
    1. 给当前组件所有DOM元素添加一个自定义属性 data-v-xxx
    2. 给当前组件所有样式选择器添加一个属性选择器 [data-v-xxx]
    作用：让样式只会当前组件生效
*/
.container {
  background: pink;
}
</style>